<!--
┌─┐┬ ┬┌─┐┬ ┬┌┐┌┌─┐┌─┐┌┐┌┌─┐ ┌─┐┌─┐┌┬┐
└─┐├─┤├─┤││││││┌─┘├┤ ││││ ┬ │  │ ││││
└─┘┴ ┴┴ ┴└┴┘┘└┘└─┘└─┘┘└┘└─┘o└─┘└─┘┴ ┴
Author: Shawn
Author URI: https://shawnzeng.com
-->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <!--[if lt IE 9]><script src="https://cdn.bootcss.com/html5shiv/r29/html5.js"></script><![endif]-->
    <script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
    <link rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css">
    <link rel="stylesheet" href="http://cdn.bootcss.com/balloon-css/0.4.0/balloon.min.css" />
    <title>啊呦，404了！</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="css/share.min.css">
</head>

<body>
    <canvas id="evanyou" width="2560" height="1124"></canvas>
    <div class="cover"></div>
    <header id="header">
        <div id="menu">
            <a id="menu-bar">
                <i class="fa fa-bars fa-2x"></i>
            </a>
            <a id="menu-search">
                <i class="fa fa-search fa-2x"></i>
            </a>
            <div id="menu-logo">
                <h1 id="logo">
                    <a href="">诗酒趁年华</a>
                </h1>
            </div>
            <nav id="menu-main">
                <ul>
                    <li>
                        <a href="#"><i class="fa fa-home fa-fw"></i> 主页</a>
                    </li>
                    <li>
                        <a href=""><i class="fa fa-map-o fa-fw"></i> 分类</a>
                    </li>
                    <li>
                        <a href=""><i class="fa fa-clock-o fa-fw"></i> 归档</a>
                    </li>
                    <li>
                        <a href=""><i class="fa fa-link fa-fw"></i> 友链</a>
                    </li>
                    <li>
                        <a href=""><i class="fa fa-info-circle fa-fw"></i> 关于</a>
                    </li>
                    <li>
                        <a href="https://www.baidu.com"> 监控</a>
                    </li>
                </ul>
            </nav>
        </div>
    </header>
    <header id="mobile-menu">
        <div class="mobile-menu-img">
            <img src="img/avatar.png">
            <h1 class="mobile-menu-title">Shawn</h1>
            <h2 class="mobile-menu-description">“123”</h2>
        </div>
        <div class="mobile-menu-main">
            <div class="mobile-menu-container">
                <ul id="mobile-menu-list">
                    <li class="mobile-menu-item">
                        <a href="#"><i class="fa fa-home fa-fw"></i> 主页</a>
                    </li>
                    <li class="mobile-menu-item">
                        <a href=""><i class="fa fa-map-o fa-fw"></i> 分类</a>
                    </li>
                    <li class="mobile-menu-item">
                        <a href=""><i class="fa fa-archive fa-fw"></i> 归档</a>
                    </li>
                    <li class="mobile-menu-item">
                        <a href=""><i class="fa fa-link fa-fw"></i> 友链</a>
                    </li>
                    <li class="mobile-menu-item">
                        <a href=""><i class="fa fa-info-circle fa-fw"></i> 关于</a>
                    </li>
                    <li class="mobile-menu-item">
                        <a href="https://www.baidu.com"><i class="fa fa-table fa-fw"></i> 监控</a>
                    </li>
                </ul>
            </div>
            <div class="mobile-menu-social">
                <ul>
                    <li><i class="fa fa-rss fa-fw"></i></li>
                    <li><i class="fa fa-weibo fa-fw"></i></li>
                    <li><i class="fa fa-github fa-fw"></i></li>
                </ul>
                <ul>
                    <li><i class="fa fa-qq fa-fw"></i></li>
                    <li><i class="fa fa-envelope fa-fw"></i></li>
                    <li><i class="fa" style="font-weight: 500;">知</i></li>
                </ul>
            </div>
        </div>
        <div class="mobile-menu-plur"></div>
    </header>
    <div id="main">
        <div class="left">
            <article class="art">
                <span class="round-category">
                            <img src="img/tuding.png" alt="我是一个图钉(*^__^*)">
                            <div class="round-category-n">大新闻</div>
                        </span>
                <div class="art-pic">
                    <!-- <img src="http://on85xlk7u.bkt.clouddn.com/63065812_p0.jpg" alt=""> -->
                    <img src="img/article_default_pic.jpeg" alt="">
                </div>
                <div class="art-main">
                    <h3 class="art-title">
                        <a href="">这个是文章的题目</a>
                    </h3>
                    <div class="art-info">
                        <span class="art-info-author">
                            <i class="fa fa-user"></i>&nbsp;Shawn
                        </span>&nbsp;•&nbsp;
                        <span class="art-info-date">
                            <i class="fa fa-calendar"></i>&nbsp;发表于2017-8-3
                        </span>&nbsp;•&nbsp;
                        <span class="art-info-view">
                            <i class="fa fa-eye"></i>&nbsp;10000次围观
                        </span>&nbsp;•&nbsp;
                        <span class="art-info-comment">
                            <i class="fa fa-commenting-o"></i>&nbsp;10000条评论
                        </span>
                    </div>
                    <div class="art-content">
                        <p>这边是文章的一些介绍这边是文章 <a href="#">DIYgod</a>的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍 这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章的一些介绍这边是文章 <a href="#">DIYgod</a>的一些介绍这边是文章的一些介绍</p>
                        <img src="img/avatar.png" alt="">
                        <ul>鸣谢名单：
                            <li>
                                <a href="#">DIYgod</a>是文章的一些介绍这
                            </li>
                            <li>
                                <a href="#">兰陵</a>是文章的一些介绍这
                            </li>
                            <li>
                                <a href="">远山</a>是文章的一些介绍这
                            </li>
                            <li>
                                <a href="">香菇</a>是文章的一些介绍这是文章的一些介绍这
                            </li>
                            <li>
                                <a href="">泽泽</a>是文章的一些介绍这
                            </li>
                        </ul>
                    </div>
                    <div class="social-share" data-sites="weibo,qq,qzone,wechat,tencent"><span>分享至：</span></div>
                </div>
            </article>
            <div class="comment-part">
                <h3 class="comment-title">
                    <i class="fa fa-comments-o fa-fw"></i>&nbsp;发表评论
                </h3>
                <form class="comment-form" id="comment-form" method="post" action="">
                    <textarea class="text-input" id="comment-content" name="comment" rows="8" cols="45" aria-required="true" placeholder="|´・ω・)ノ你想和我说什么呀poi~"></textarea>
                    <div id="comment-info">
                        <input type="text" name="author" value="" class="text-input" id="comment-author" placeholder="昵称 *">
                        <input type="text" name="email" value="" class="text-input" id="comment-email" placeholder="邮箱 *">
                        <input type="text" name="url" value="" class="text-input" id="comment-url" placeholder="网址">
                    </div>
                    <div class="form-submit">
                        <input type="submit" name="submit" class="comment-submit" value="点击发射朝鲜火箭！">
                        <input type="hidden" name="comment_post_ID" id="comment_post_ID" value="" >
                        <input type="hidden" name="comment_parent" id="comment_parent" value="" >
                    </div>
                </form>
                <h3 class="comment-title" id="comments-area">
                    <i class="fa fa-hand-lizard-o fa-rotate-270 fa-fw"></i>&nbsp;活捉1条
                </h3>
                <ol class="art-comments">
                    <li class="art-comment">
                        <div class="commentator-avatar">
                            <img src="img/avatar.png" alt="">
                        </div>
                        <div class="commentator-comment">
                            <div class="comment-chat">
                                <div class="comment-arrow">
                                    <img src="img/talk.png" alt="">
                                </div>
                                <p>
                                    <span class="commentator-name">Shawn</span>
                                    <span class="commentator-level">萌萌哒博主</span>
                                </p>
                                <p class="comment-time-p">
                                    <span class="comment-time">2017-08-06 02:11</span>
                                </p>
                                <p class="comment-comment">
                                    这个评论真尼玛难搞我弄了一个小时才弄好……也是醉了
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="art-comment">
                        <div class="commentator-avatar">
                            <img src="img/avatar.png" alt="">
                        </div>
                        <div class="commentator-comment">
                            <div class="comment-chat">
                                <div class="comment-arrow">
                                    <img src="img/talk.png" alt="">
                                </div>
                                <p>
                                    <span class="commentator-name">Shawn</span>
                                    <span class="commentator-level">萌萌哒博主</span>
                                </p>
                                <p class="comment-time-p">
                                    <span class="comment-time">2017-08-06 02:11</span>
                                </p>
                                <p class="comment-comment">
                                    这个评论真尼玛难搞我弄了一个小时才弄好……也是醉了
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="art-comment">
                        <div class="commentator-avatar">
                            <img src="img/avatar.png" alt="">
                        </div>
                        <div class="commentator-comment">
                            <div class="comment-chat">
                                <div class="comment-arrow">
                                    <img src="img/talk.png" alt="">
                                </div>
                                <p>
                                    <span class="commentator-name">Shawn</span>
                                    <span class="commentator-level">萌萌哒博主</span>
                                </p>
                                <p class="comment-time-p">
                                    <span class="comment-time">2017-08-06 02:11</span>
                                </p>
                                <p class="comment-comment">
                                    这个评论真尼玛难搞我弄了一个小时才弄好……也是醉了
                                </p>
                            </div>
                        </div>
                    </li>
                </ol>
            </div>

        </div>
        <div class="right">
            <section class="art">
                <div class="left-pic">
                    <img src="img/avatar.png" alt="">
                </div>
                <div class="right-info">
                    <ul>
                        <li><span>姓名：</span>Shawn</li>
                        <li><span>性别：</span>男</li>
                        <li><span>生日：</span>1996年2月7日</li>
                        <li><span>爱好：</span>炉石,音乐,小说</li>
                        <!-- <li><span> ↓ ↓ ↓ 联系我 ↓ ↓ ↓ </span></li> -->
                    </ul>
                </div>
                <div class="catch-me">
                    <div>
                        <a data-balloon="Rss" data-balloon-pos="up" target="_blank" href="https://shawnzeng.com/feed"><i class="fa fa-rss"></i></a>
                        <a data-balloon="微博" data-balloon-pos="up" target="_blank" href="http://weibo.com/shawnzeng1996" class="external" rel="nofollow"><i class="fa fa-weibo"></i></a>
                        <a data-balloon="GitHub" data-balloon-pos="up" target="_blank" href="https://github.com/ZengShuai1996" class="external" rel="nofollow"><i class="fa fa-github"></i></a>
                        <a data-balloon="QQ群号:297350726" data-balloon-pos="up" target="_blank" href="https://jq.qq.com/?_wv=1027&k=44nyJOX" class="external" rel="nofollow"><i class="fa fa-qq"></i></a>
                        <a data-balloon="Email" data-balloon-pos="up" target="_blank" href="mailto:admin@shawnzeng.com" class="external" rel="nofollow"><i class="fa fa-envelope"></i></a>
                        <a data-balloon="知乎" data-balloon-pos="up" target="_blank" href="https://www.zhihu.com/people/shawn_zeng/activities" class="external" rel="nofollow"><i  class="fa" style="font-weight: 500;">知</i></a>
                    </div>
                </div>
            </section>
            <section class="art">
                <header class="art-widget-header">
                    <h3>Archives</h3>
                </header>
                <ul class="art-widget-sidebar">
                    <li><a href="">January 20101</a></li>
                    <li><a href="">December 2009</a></li>
                    <li><a href="">Novemeber 2009</a></li>
                    <li><a href="">October 2009</a></li>
                    <li><a href="">September 2009</a></li>
                    <li><a href="">August 2009</a></li>
                </ul>
            </section>
        </div>
    </div>
    <div id="foot">
        © 2017 <a href="https://shawnzeng.com" title="Shawn">Shawn</a> |
        <a href="http://www.miitbeian.gov.cn">黑ICP备17000197号-1</a> | Theme Memory By Shawn With <i class="fa fa-heart throb" style="color: #d43f57;"></i> | 由 WordPress 强力驱动 <br/> All Rights Reserved |
        <a href="https://shawnzeng.com/sitemap">站点地图</a> |
        <span class="my-face">(●'◡'●)ﾉ</span>
        <span id="span_dt_dt"></span>
        <div id="toolbar">
            <a href="javascript:void(0)" class="go-top">
                <i class="fa fa-rocket fa-2x fa-fw"></i>
            </a>
            <a href="javascript:void(0)" title="" class="set-view-mode">
                <i class="fa fa-moon-o fa-2x fa-fw"></i>
            </a>
            <a href="javascript:void(0)" title="" class="set-font-mode">
                <i class="fa fa-font fa-2x fa-fw"></i>
            </a>
        </div>
    </div>
    <footer>
        <script type="text/javascript" src="js/footer.js" charset="utf-8"></script>
        <script src="js/jquery.share.min.js" charset="utf-8"></script>
    </footer>
</body>

</html>
